<HTML>
<HEAD>
 <script src="/javascripts/lib/prototype.js" type="text/javascript"></script>
 <script src="/javascripts/src/scriptaculous.js" type="text/javascript"></script>
</HEAD>

<script type="text/javascript">

function school(dist,school) {
   //var dist = document.schoolsearch.cty_dist1.value;
   var params  = "op=school1&cty_dist=" + dist ;
   var ajax = new Ajax.Updater(school,'/cgi-bin/data.pl', {method: 'get', parameters: params, asynchronus:false }); 
}

</script>
<body ">
<FORM action="/cgi-bin/data.pl" name="schoolsearch">
<input type="hidden" name="op" value="show_data">
<P>
<B>Select MAP content area:</B> <TMPL_VAR NAME=content_area_radio_box>
</P>
<P> <B>Select Grade Level(s):</B> <TMPL_VAR NAME=grade_level_radio_box> </P>

<P>
<B>Choose school:</B> (schools are sorted by district then school)<BR/>

<TABLE>
   <TR> <TD valign="top"> <TMPL_VAR NAME=district1> </TD> <TD> <div id='school1'></div> </TD> </TR>
   <TR> <TD valign="top"> <TMPL_VAR NAME=district2> </TD> <TD> <div id='school2'></div> </TD> </TR>
   <TR> <TD valign="top"> <TMPL_VAR NAME=district3> </TD> <TD> <div id='school3'></div> </TD> </TR>
   <TR> <TD valign="top"> <TMPL_VAR NAME=district4> </TD> <TD> <div id='school4'></div> </TD> </TR>
</TABLE>

<P>
<input type="submit" Value="Show Map results">
</P>
</form>
</body>
</HTML>
